
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>所有导购员区域日控表（威莱）</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
      .ispro{display: none;}
      .iscity{display: none;}
    </style>

</head>

<body class="white-bg animated fadeIn x_sorll" style="padding: 3px;">
     <div class="page-heade">
          <h2 class="title_color text-center">所有导购员区域日控表（威莱）</h2>
    </div>
    <form action="" class="form-inline" id="form1">
        <table class="table table-bordered bud_hei">
            <tr>
              <td class="text-right">区域：</td>
              <td class="text-left">
                  <label for="filiale">
                    <input type="radio" name="qutype" id="filiale" value="0" checked>分公司
                  </label>
                  <label for="Tprovince">
                    <input type="radio" name="qutype" id="Tprovince" value="1" >省份
                  </label>
                  <label for="Tcity">
                    <input type="radio" name="qutype" id="Tcity" value="2" >城市
                  </label>
              </td>
              <td class="text-right">分公司：</td>
              <td><input type="text" class="form-control" name=""></td>
              <td class="text-right Tprovince ispro">省份：</td>
              <td class="ispro Tprovince"><input type="text" class="form-control" name=""></td>
              <td class="text-right Tcity iscity">城市：</td>
              <td class="iscity Tcity"><input type="text" class="form-control" name=""></td>
            </tr>
               <tr>
                 <td class="text-right">二级考核期：</td>
                 <td colspan="7">
                 <select name="" id="" class="form-control select">
                     <option value="0">请选择</option>
                    <option value="1">2032</option>
                    <option value="2">2031</option>
                    <option value="3">2030</option>
                    <option value="4">2029</option>
                    <option value="5">2028</option>
                    <option value="6">2027</option>
                    <option value="7">2026</option>
                    <option value="8">2025</option>
                    <option value="9">2024</option>
                    <option value="10">2023</option>
                    <option value="11">2022</option>
                    <option value="12">2021</option>
                    <option value="13">2020</option>
                    <option value="14">2019</option>
                    <option value="15">2018</option>
                    <option value="16">2017</option>
                    <option value="17">2016</option>
                    <option value="18">2015</option>
                 </select>
                 <select name="" id="" class="form-control select">
                    <option value="1">1月</option>
                    <option value="2">2月</option>
                    <option value="3">3月</option>
                    <option value="4">4月</option>
                    <option value="5">5月</option>
                    <option value="6">6月</option>
                    <option value="7">7月</option>
                    <option value="8">8月</option>
                    <option value="9">9月</option>
                    <option value="10">10月</option>
                    <option value="11">11月</option>
                    <option value="12">12月</option>
                 </select>
                     <div class="form-group">
            <input type="text" id="start" class="form-control layer-date " style="min-width:100px;width:100px;display: inline-block;" name="">
           </div>
            <div class="form-group">
               到
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date" style="min-width:100px;width:100px;display: inline-block;" id="end" name="">
           </div>
                 </td>
            </tr>
            <tr>
                   <td colspan="8" class="text-center">
                       <button class="btn-sm btn-info btn">查询</button><span class="lr_5"></span><button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button>  <span class="lr_5"></span><button class="btn btn-info btn-sm" type="button">导出Excel</button>
                   </td>
            </tr>
        </table>
    </form>
    <p class="text-right">单位：千元</p>
    <table class="table table-striped table-bordered table-hover bud_hei text-right" id="kuncunTable">
    <thead>
       <tr class="info text-center">
          <th class="text-center" rowspan="2" style="min-width:100px;">分公司</th>
          <th class="text-center" colspan="6" style="">直营网点</th>
          <th class="text-center" colspan="7" style="">非直营网点</th>
          <th class="text-center" colspan="5" style="">合计网点</th>
          <th class="text-center" rowspan="2" style="min-width: 120px; ">备注</th>
        </tr>
        <tr class="info">
              <th class="text-center" style="min-width: 70px; ">月度目标</th>
              <th class="text-center" style="min-width: 70px; ">销量(日)</th>
              <th class="text-center" style="min-width: 90px; ">销量(月累计)</th>
              <th class="text-center" style="min-width: 90px; ">累计完成率</th>
              <th class="text-center" style="min-width: 90px; ">完成率排名</th>
              <th class="text-center" style="min-width: 110px; ">本年度终端销量<br>累计达成率</th>
              <th class="text-center" style="min-width: 70px; ">月度目标</th>
              <th class="text-center" style="min-width: 70px; ">销量(日)</th>
              <th class="text-center" style="min-width: 90px; ">销量(月累计)</th>
              <th class="text-center" style="min-width: 90px; ">累计完成率</th>
              <th class="text-center" style="min-width: 90px; ">完成率排名</th>
              <th class="text-center" style="min-width: 110px; ">本年度终端销量<br>累计达成率</th>
              <th class="text-center" style="min-width: 110px; ">本年度发货累计<br>达成率</th>
              <th class="text-center" style="min-width: 70px; ">月度目标</th>
              <th class="text-center" style="min-width: 70px; ">销量(日)</th>
              <th class="text-center" style="min-width: 90px; ">销量(月累计)</th>
              <th class="text-center" style="min-width: 90px; ">累计完成率</th>
              <th class="text-center" style="min-width: 90px; ">完成率排名</th>
        </tr>
    </thead>
       
        <tr>
          <td class="text-center">东南大区</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>1</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>1.1</td>
          <td>-</td>
          <td>1</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>1.1</td>
          <td>-</td>
          <td>1</td>
          <td class="text-left"></td>
        </tr>
    </table>
    <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                    总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                    每页显示
                    <select id="pagesize">
                        <option value='10' selected>10条</option>
                        <option value='15'>15条</option>
                        <option value='20'>20条</option>

                    </select>
                </h5>
    <!-- <h3 class="text-center"><img src="__STATIC__/layout/img/zwsj.png"></h3> -->

<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>

  <script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
   
    $(document).ready(function () {
        $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })   
 //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
   $(document).ready(function(){
                 $("input:radio[name=qutype]").click(function(){
              if($("#Tprovince").prop("checked")){
                 $(".Tprovince").removeClass("ispro");
                  addCol();
               }else if($("#Tcity").prop("checked")){
               
                $(".Tprovince").removeClass("ispro");
                $(".Tcity").removeClass("iscity");
                 addCol1();
                  }else if($("#filiale").prop("checked")){
                     $(".Tprovince").addClass("ispro");
                      $(".Tcity").addClass("iscity");
                  delCol();
                  delCol1();
                 };
               });
          })

       
          function addCol() {
               $th ="<th rowspan='2' class='text-center' style='min-width:100px'>省份</th>";
               $col ="<td class='text-center'>福建省</td>";
             $("#kuncunTable>thead>tr").find("th").eq(0).after($th);
             $("#kuncunTable>tbody>tr").each(function(){
                $(this).find("td").eq(0).after($col);
             })
            }

          function delCol() {
            $("#kuncunTable>thead>tr").find("th").eq(1).remove();
             $("#kuncunTable>tbody>tr").each(function(){
                $(this).find("td").eq(1).remove();
             })
            }
   function addCol1() {
              addCol();
               $th ="<th rowspan='2' class='text-center'  style='min-width:100px'>城市</th>";
               $col ="<td class='text-center'>福州市</td>";
             $("#kuncunTable>thead>tr").find("th").eq(1).after($th);
             $("#kuncunTable>tbody>tr").each(function(){
                $(this).find("td").eq(1).after($col);
             })
            }

          function delCol1() {
            delCol();
            $("#kuncunTable>thead>tr").find("th").eq(2).remove();
             $("#kuncunTable>tbody>tr").each(function(){
                $(this).find("td").eq(2).remove();
             })
            }
</script>
</body>

</html>